<template>
	<view class="page">
		<image src="../../static/images/home_bg.png" mode="aspectFill" class="home-bg"></image>
		<view class="content">
			<view style="padding-top:200rpx">
				<view @click="goPersonal" >
					<image class="card-img" src="../../static/images/personal.png" mode="widthFix"></image>
					<view class="card-text">
						<view class="card-title">
							个人
						</view>
						<view class="card-desc">
							个人申请，请点击 →
						</view>
					</view>
				</view>
				<view @click="goCompany">
					<image class="card-img" src="../../static/images/company.png" mode="widthFix"></image>
					<view class="card-text">
						<view class="card-title">
							企业
						</view>
						<view class="card-desc">
							企业申请，请点击 →
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			goPersonal() {
				uni.navigateTo({
					url: '/pages/person/index?type=1'
				});
				uni.setStorageSync('type', 1)
			},
			goCompany() {
				uni.navigateTo({
					url: '/pages/company/index?type=2'
				});
				uni.setStorageSync('type', 2)
			}
		}
	}
</script>
<style>

</style>
<style scoped>
	.page {
		height: 100vh;
		width: 100vw;
		position: relative;
		overflow: hidden;
	}

	.home-bg {
		width: 100%;
		height: 100%;
	}

	.content {
		position: absolute;
		top: 30rpx;
		bottom: 30rpx;
		left: 30rpx;
		right: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #F3F3F3;
		border-radius: 10rpx;
	}

	.card-img {
		width: 592rpx;
		height: 378rpx
	}

	.card-text {
		position: relative;
		top: -310rpx;
		left: 270rpx;
		line-height: 64rpx;
	}

	.card-title {
		color: #333333;
		font-weight: bold;
		font-size: 36rpx;
	}

	.card-desc {
		font-size: 26rpx;
		color: #666666;
	}
</style>